/* defaults css file - do not rename this file
http://stackoverflow.com/questions/497359/how-does-one-define-a-default-style-for-a-custom-flex-component/2483989#2483989*/
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";
@namespace charts "mx.charts.chartClasses.*";
@namespace olap "mx.controls.olapDataGridClasses.*";
@namespace arch "http://www.active.com/2010/fnd-arch";

global
{
	font-family: Tahoma;
	font-size: 11;
	color: #444444;
	font-lookup: embeddedCFF;
	
	focus-color: #00a7ff;
	
	/* Popups Globally */
	modalTrasparancy: 0.6;
	modalTransparencyBlur: 5;
	modalTransparencyColor: #000000;
	modalTransparencyDuration: 200;
	
	/* Market */
	marketFillColors: #a3b142,#455e00;
	marketFillRatios: 0,1;
}

arch|FndFunctionalIconToolTip
{
	color: #FFFFFF;
	fontFamily: TahomaBold;
	fontWeight: bold;
	fontSize: 11;
	
	/* Market */
	fillColor: #798c22;
}

/* Skin the Tabs */
arch|FndGlobalHeaderTabItemRenderer
{
	fontFamily: TahomaBold;
	fontWeight: bold;
	fontSize: 12;
	
	fillTopOn: #ffffff;
	ratioTopOn: 0;
	fillBottomOn: #d1d1d1;
	ratioBottomOn: 1;
	textColorOn: #444444;
	
	/* Market Fills */
	fillTopOff: #70841b;
	ratioTopOff: 0;
	fillBottomOff: #2b3b00;
	ratioBottomOff: 1;
	textColorOff: #FFFFFF;
}

arch|FndTabMenuListItemRenderer
{
	/* Market */
	menuHoverStrokeColor: #394f00;
}

arch|FndDropDownListItemRenderer
{
	/* Market */
	marketSelectionColor: #a3b142;
}

/*
@font-face 
{
	src: url('/assets/fonts/Tahoma.ttf');
	fontFamily: Tahoma;
	fontWeight: normal;
	embedAsCFF: true;\
	unicode-range: U+0021-U+007B;
}

@font-face 
{
	src: url('/assets/fonts/TahomaBold.ttf');
	fontFamily: TahomaBold;
	fontWeight: bold;
	embedAsCFF: true;
	unicode-range: U+0021-U+007B; 
}
*/

.h1
{
	font-family: TahomaBold;
	fontWeight: bold;
	fontSize: 25;
	color: #444444;
}

.h2
{
	font-family: Tahoma;
	fontWeight: normal;
	fontSize: 16;
	color: #444444;
}

.formFont
{
	font-family: Tahoma;
	fontWeight: normal;
	fontSize: 11;
	color: #444444;
	kerning: on;
	tracking-right: "2%";
}

.sectionHeaderFont
{
	font-family: TahomaBold;
	fontWeight: bold;
	fontSize: 16;
	color: #444444;
}

.formWarningFont 
{
	font-family: Tahoma;
	fontWeight: normal;
	fontSize: 12;
	verticalAlign: middle;
	paddingTop: 1;
}

.formErrorFont 
{
	font-family: Tahoma;
	fontWeight: normal;
	fontSize: 12;
	color: #CC0000;
	verticalAlign: middle;
	paddingTop: 1;
}

.fieldErrorFont 
{
	font-family: Tahoma;
	fontWeight: normal;
	fontSize: 11;
	color: #CC0000;
	kerning: on;
	tracking-right: "2%";
}

.infoFont 
{
	font-family: Tahoma;
	fontWeight: normal;
	fontSize: 10;
	color: #444444;
	kerning: on;
	tracking-right: "2%";
}

.popupTitleFont
{
	font-family: Tahoma;/* Issue w/ TahomaBold and 14pt size */
	fontWeight: bold;
	fontSize: 14;
	color: #FFFFFF;
}

.notificationFont
{
	font-family: Tahoma;
	fontWeight: normal;
	fontSize: 12;
	color: #444444;
}

.tableHeader {
	
	font-family: TahomaBold;
	fontWeight: bold;
	fontSize: 11;
	color: #FFFFFF;
}

/* Buttons */
.largePrimaryButtonDark
{
	fontFamily: TahomaBold;
	fontWeight: bold;
	fontSize: 12;
	color: #ffffff;
	
	backgroundColor: #ffffff;
	backgroundStrokeColor: #777777;
	
	innerFillTopUp: #00a7ec;
	innerFillBottomUp: #005f8a;
	innerStrokeColorUp: #015479;
	innerStrokeWeightUp: 0;
	
	innerFillTopOver: #00a7ec;
	innerFillBottomOver: #005f8a;
	innerStrokeColorOver: #015479;
	innerStrokeWeightOver: 1;
	
	innerFillTopDown: #007db3;
	/* No Fill on Bottom Down */
	innerStrokeColorDown: #015479;
	innerStrokeWeighDown: 1;
	
	skinClass: ClassReference("com.active.fnd.arch.view.skins.FndLargeButton");
}


.largePrimaryButtonLight
{
	fontFamily: TahomaBold;
	fontWeight: bold;
	fontSize: 12;
	color: #ffffff;
	
	backgroundColor: #ffffff;
	backgroundStrokeColor: #d7d6d6;
	
	innerFillTopUp: #00a7ec;
	innerFillBottomUp: #005f8a;
	innerStrokeColorUp: #015479;
	innerStrokeWeightUp: 0;
	
	innerFillTopOver: #00a7ec;
	innerFillBottomOver: #005f8a;
	innerStrokeColorOver: #015479;
	innerStrokeWeightOver: 1;
	
	innerFillTopDown: #007db3;
	/* No Fill on Bottom Down */
	innerStrokeColorDown: #015479;
	innerStrokeWeighDown: 1;
	
	skinClass: ClassReference("com.active.fnd.arch.view.skins.FndLargeButton");
}

.largeSecondaryButtonDark
{
	fontFamily: TahomaBold;
	fontWeight: bold;
	fontSize: 12;
	color: #505050;
	
	backgroundColor: #ffffff;
	backgroundStrokeColor: #777777;
	
	innerFillTopUp: #f5f5f5;
	innerFillBottomUp: #bcbbbb;
	innerStrokeColorUp: #a2a2a2;
	innerStrokeWeightUp: 1;
	
	innerFillTopOver: #f5f5f5;
	innerFillBottomOver: #bcbbbb;
	innerStrokeColorOver: #777777;
	innerStrokeWeightOver: 1;
	
	innerFillTopDown: #d7d6d6;
	/* No Fill on Bottom Down */
	innerStrokeColorDown: #777777;
	innerStrokeWeighDown: 1;
	
	skinClass: ClassReference("com.active.fnd.arch.view.skins.FndLargeButton");
}

.largeSecondaryButtonLight
{
	fontFamily: TahomaBold;
	fontWeight: bold;
	fontSize: 12;
	color: #505050;
	
	backgroundColor: #ffffff;
	backgroundStrokeColor: #d7d6d6;
	
	innerFillTopUp: #f5f5f5;
	innerFillBottomUp: #bcbbbb;
	innerStrokeColorUp: #a2a2a2;
	innerStrokeWeightUp: 1;
	
	innerFillTopOver: #f5f5f5;
	innerFillBottomOver: #bcbbbb;
	innerStrokeColorOver: #a2a2a2;
	innerStrokeWeightOver: 1;
	
	innerFillTopDown: #d7d6d6;
	/* No Fill on Bottom Down */
	innerStrokeColorDown: #a2a2a2;
	innerStrokeWeighDown: 1;
	
	skinClass: ClassReference("com.active.fnd.arch.view.skins.FndLargeButton");
}

.largeUberButtonDark
{
	fontFamily: TahomaBold;
	fontWeight: bold;
	fontSize: 12;
	color: #ffffff;
	
	backgroundColor: #ffffff;
	backgroundStrokeColor: #777777;
	
	innerFillTopUp: #ffaa33;
	innerFillBottomUp: #a85f00;
	innerStrokeColorUp: #847e02;
	innerStrokeWeightUp: 0;
	
	innerFillTopOver: #ffaa33;
	innerFillBottomOver: #a85f00;
	innerStrokeColorOver: #847e02;
	innerStrokeWeightOver: 1;
	
	innerFillTopDown: #cf8117;
	/* No Fill on Bottom Down */
	innerStrokeColorDown: #847e02;
	innerStrokeWeighDown: 1;
	
	skinClass: ClassReference("com.active.fnd.arch.view.skins.FndLargeButton");
}

.largeUberButtonLight
{
	fontFamily: TahomaBold;
	fontWeight: bold;
	fontSize: 12;
	color: #ffffff;
	
	backgroundColor: #ffffff;
	backgroundStrokeColor: #d7d6d6;
	
	innerFillTopUp: #ffaa33;
	innerFillBottomUp: #a85f00;
	innerStrokeColorUp: #847e02;
	innerStrokeWeightUp: 0;
	
	innerFillTopOver: #ffaa33;
	innerFillBottomOver: #a85f00;
	innerStrokeColorOver: #847e02;
	innerStrokeWeightOver: 1;
	
	innerFillTopDown: #cf8117;
	/* No Fill on Bottom Down */
	innerStrokeColorDown: #847e02;
	innerStrokeWeighDown: 1;
	
	skinClass: ClassReference("com.active.fnd.arch.view.skins.FndLargeButton");
}

.smallPrimaryButtonDark
{
	fontFamily: TahomaBold;
	fontWeight: bold;
	fontSize: 12;
	color: #ffffff;
	
	backgroundColor: #ffffff;
	backgroundStrokeColor: #777777;
	
	innerFillTopUp: #00a7ec;
	innerFillBottomUp: #005f8a;
	innerStrokeColorUp: #015479;
	innerStrokeWeightUp: 0;
	
	innerFillTopOver: #00a7ec;
	innerFillBottomOver: #005f8a;
	innerStrokeColorOver: #015479;
	innerStrokeWeightOver: 1;
	
	innerFillTopDown: #007db3;
	/* No Fill on Bottom Down */
	innerStrokeColorDown: #015479;
	innerStrokeWeighDown: 1;
	
	skinClass: ClassReference("com.active.fnd.arch.view.skins.FndSmallButton");
}

.smallPrimaryButtonLight
{
	fontFamily: TahomaBold;
	fontWeight: bold;
	fontSize: 12;
	color: #ffffff;
	
	backgroundColor: #ffffff;
	backgroundStrokeColor: #d7d6d6;
	
	innerFillTopUp: #00a7ec;
	innerFillBottomUp: #005f8a;
	innerStrokeColorUp: #015479;
	innerStrokeWeightUp: 0;
	
	innerFillTopOver: #00a7ec;
	innerFillBottomOver: #005f8a;
	innerStrokeColorOver: #015479;
	innerStrokeWeightOver: 1;
	
	innerFillTopDown: #007db3;
	/* No Fill on Bottom Down */
	innerStrokeColorDown: #015479;
	innerStrokeWeighDown: 1;
	
	skinClass: ClassReference("com.active.fnd.arch.view.skins.FndSmallButton");
}

.smallSecondaryButtonDark
{
	fontFamily: TahomaBold;
	fontWeight: bold;
	fontSize: 12;
	color: #505050;
	
	backgroundColor: #ffffff;
	backgroundStrokeColor: #777777;
	
	innerFillTopUp: #f5f5f5;
	innerFillBottomUp: #bcbbbb;
	innerStrokeColorUp: #a2a2a2;
	innerStrokeWeightUp: 1;
	
	innerFillTopOver: #f5f5f5;
	innerFillBottomOver: #bcbbbb;
	innerStrokeColorOver: #777777;
	innerStrokeWeightOver: 1;
	
	innerFillTopDown: #d7d6d6;
	/* No Fill on Bottom Down */
	innerStrokeColorDown: #777777;
	innerStrokeWeighDown: 1;
	
	skinClass: ClassReference("com.active.fnd.arch.view.skins.FndSmallButton");
}

.smallSecondaryButtonLight
{
	fontFamily: TahomaBold;
	fontWeight: bold;
	fontSize: 12;
	color: #505050;
	
	backgroundColor: #ffffff;
	backgroundStrokeColor: #d7d6d6;
	
	innerFillTopUp: #f5f5f5;
	innerFillBottomUp: #bcbbbb;
	innerStrokeColorUp: #a2a2a2;
	innerStrokeWeightUp: 1;
	
	innerFillTopOver: #f5f5f5;
	innerFillBottomOver: #bcbbbb;
	innerStrokeColorOver: #a2a2a2;
	innerStrokeWeightOver: 1;
	
	innerFillTopDown: #d7d6d6;
	/* No Fill on Bottom Down */
	innerStrokeColorDown: #7c7c7c;
	innerStrokeWeighDown: 1;
	
	skinClass: ClassReference("com.active.fnd.arch.view.skins.FndSmallButton");
}

.smallUberButtonDark
{
	fontFamily: TahomaBold;
	fontWeight: bold;
	fontSize: 12;
	color: #ffffff;
	
	backgroundColor: #ffffff;
	backgroundStrokeColor: #777777;
	
	innerFillTopUp: #ffaa33;
	innerFillBottomUp: #a85f00;
	innerStrokeColorUp: #874e02;
	innerStrokeWeightUp: 0;
	
	innerFillTopOver: #ffaa33;
	innerFillBottomOver: #a85f00;
	innerStrokeColorOver: #874e02;
	innerStrokeWeightOver: 1;
	
	innerFillTopDown: #cf8117;
	/* No Fill on Bottom Down */
	innerStrokeColorDown: #874e02;
	innerStrokeWeighDown: 1;
	
	skinClass: ClassReference("com.active.fnd.arch.view.skins.FndSmallButton");
}

.smallUberButtonLight
{
	fontFamily: TahomaBold;
	fontWeight: bold;
	fontSize: 12;
	color: #ffffff;
	
	backgroundColor: #ffffff;
	backgroundStrokeColor: #d7d6d6;
	
	innerFillTopUp: #ffaa33;
	innerFillBottomUp: #a85f00;
	innerStrokeColorUp: #874e02;
	innerStrokeWeightUp: 0;
	
	innerFillTopOver: #ffaa33;
	innerFillBottomOver: #a85f00;
	innerStrokeColorOver: #874e02;
	innerStrokeWeightOver: 1;
	
	innerFillTopDown: #cf8117;
	/* No Fill on Bottom Down */
	innerStrokeColorDown: #874e02;
	innerStrokeWeighDown: 1;
	
	skinClass: ClassReference("com.active.fnd.arch.view.skins.FndSmallButton");
}

arch|FndCheckBox
{
	kerning: on;
	tracking-right: "2%";	
}

arch|FndRadioButton
{
	kerning: on;
	tracking-right: "2%";	
}

arch|FndFndDropDownList
{
	kerning: on;
	tracking-right: "2%";	
}

/*
Beginning of MXFTEText Area

This area configures many -- but not all -- MX components
to use the new Flash Text Engine (FTE) and Text Layout Framework (TLF)
to display and edit text, rather than using the older TextField class.

FTE and TLF provide text rendering and editing
with high-quality international typography and layout.
They support displaying left-to-right (ltr) text such as French,
right-to-left (rtl) text such as Arabic, and bidirectional text
such as a French phrase inside of an Arabic sentence.
FTE and TLF are used for all text rendering in Spark components.

By using this style sheet, your MX and Spark components can use
the same embedded font; otherwise, you have to embed a font twice,
once with embedAsCFF="true" for Spark components using FTE/TLF
and once with embedAsCFF="false" for MX components using TextField.

Note: The <mx:TextInput>, <mx:TextArea>, and <mx:RichTextEditor>
components are not supported by this style sheet, because the
FTETextField class does not support all the functionality
that TextField supports.
You should use the <s:TextInput>, <s:TextArea>, and <s:RichEditableText>
components instead if you require FTE/TLF text.
*/

mx|AlertForm
{
	textFieldClass: ClassReference("mx.core.UIFTETextField");
}

mx|Button
{
	textFieldClass: ClassReference("mx.core.UIFTETextField");
}

mx|CalendarLayout
{
	textFieldClass: ClassReference("mx.core.UIFTETextField");
}

mx|ColorPicker
{
	textFieldClass: ClassReference("mx.core.UIFTETextField");
	textInputClass: ClassReference("mx.controls.MXFTETextInput");
}

mx|ComboBox
{
	textFieldClass: ClassReference("mx.core.UIFTETextField");
	textInputClass: ClassReference("mx.controls.MXFTETextInput");
}

mx|DataGrid
{
	defaultDataGridItemEditor: ClassReference("mx.controls.MXFTETextInput");
	defaultDataGridItemRenderer: ClassReference("mx.controls.dataGridClasses.FTEDataGridItemRenderer");
}

mx|DateChooser
{
	textFieldClass: ClassReference("mx.core.UIFTETextField");
}

mx|DateField
{
	textInputClass: ClassReference("mx.controls.MXFTETextInput");
}

s|FTEDataGridItemRenderer
{
	paddingLeft: 5 /* to match DataGridItemRenderer in the MX defaults.css */
}

mx|Label
{
	textFieldClass: ClassReference("mx.core.UIFTETextField");
}

mx|List
{
	textInputClass: ClassReference("mx.controls.MXFTETextInput");
}

mx|ListItemRenderer
{
	textFieldClass: ClassReference("mx.core.UIFTETextField");
}

mx|MenuBarItem
{
	textFieldClass: ClassReference("mx.core.UIFTETextField");
}

mx|MenuItemRenderer
{
	textFieldClass: ClassReference("mx.core.UIFTETextField");
}

s|MXFTETextInput
{
	skinClass: ClassReference("spark.skins.spark.TextInputSkin");
}

mx|NumericStepper
{
	textFieldClass: ClassReference("mx.core.UIFTETextField");
	textInputClass: ClassReference("mx.controls.MXFTETextInput");
}

mx|Panel
{
	textFieldClass: ClassReference("mx.core.UIFTETextField");
}

mx|ProgressBar
{
	textFieldClass: ClassReference("mx.core.UIFTETextField");
}

mx|SwatchPanel
{
	textInputClass: ClassReference("mx.controls.MXFTETextInput");
}

mx|TileListItemRenderer
{
	textFieldClass: ClassReference("mx.core.UIFTETextField");
}

mx|TreeItemRenderer
{
	textFieldClass: ClassReference("mx.core.UIFTETextField");
}

mx|ToolTip
{
	textFieldClass: ClassReference("mx.core.UIFTETextField");
}

mx|AdvancedDataGrid
{
	defaultDataGridItemEditor: ClassReference("mx.controls.MXFTETextInput");
	defaultDataGridItemRenderer: ClassReference("mx.controls.advancedDataGridClasses.FTEAdvancedDataGridItemRenderer");
}

mx|AdvancedDataGridGroupItemRenderer
{
	textFieldClass: ClassReference("mx.core.UIFTETextField");
}

mx|AdvancedDataGridHeaderRenderer
{
	textFieldClass: ClassReference("mx.core.UIFTETextField");
}

mx|AdvancedDataGridSortItemRenderer
{
	textFieldClass: ClassReference("mx.core.UIFTETextField");
}

charts|ChartLabel
{
	textFieldClass: ClassReference("mx.core.UIFTETextField");
}

charts|DataTip
{
	textFieldClass: ClassReference("mx.core.UIFTETextField");
}

charts|DualStyleObject
{
	textFieldClass: ClassReference("mx.core.UIFTETextField");
}

charts|Series
{
	textFieldClass: ClassReference("mx.core.UIFTETextField");
}

mx|LegendItem
{
	textFieldClass: ClassReference("mx.core.UIFTETextField");
}

olap|OLAPDataGridGroupRenderer
{
	textFieldClass: ClassReference("mx.core.UIFTETextField");
}

s|FTEAdvancedDataGridItemRenderer
{
	paddingLeft: 5 /* to match AdvancedDataGridItemRenderer in the MX defaults.css */
}

/*
	End of MXFTEText Area
*/